<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="lib/jqplot/excanvas.js"></script><![endif]-->
		<script type="text/javascript" src="lib/jqplot/jquery.js"></script>
		<script type="text/javascript" src="lib/jqplot/jquery.jqplot.js"></script>
		<script type="text/javascript" src="lib/jqplot/plugins/jqplot.barRenderer.min.js"></script>
		<script type="text/javascript" src="lib/jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
		<script type="text/javascript" src="lib/jqplot/plugins/jqplot.pointLabels.min.js"></script>
		<script type="text/javascript" src="lib/jqplot/plugins/jqplot.ohlcRenderer.js"></script>
		<script type="text/javascript" src="lib/jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
		<script type="text/javascript" src="lib/jqplot/plugins/jqplot.highlighter.min.js"></script>
        <script type="text/javascript" src="main.js"></script>
		<link type="text/css" rel="stylesheet" href="lib/1200.css" />
		<link type="text/css" rel="stylesheet" href="lib/jqplot/jquery.jqplot.css" />
		<link type="text/css" rel="stylesheet" href="main.css" />
    </head>
    <body>
        <h1 style="text-align:center; font-size:50px; font-family:Times;">AEI Graph</h1>
		<div style="border-top:1px dashed #5C5C5C;height: 4px;overflow:hidden; margin:10px 0px"></div>
		<div class="container_12">
		    <div class="grid_9">
		    	<div id="exp_plot_tit">Experiment Data Graph</div>
		        <div id="exp_plot">
					<h1 style="margin-top:120px">  Graph Here </h1>
				</div>
		    </div>
		    <div class="grid_3">
		    	<div style="height:20px"><b>Input Data:</b></div>
				<div class="input_div">
			        <textarea id="exp_data"></textarea>
					<input type="button" value="Plot it!" onclick="show_exp_plot()" />
				</div>
		    </div>
		</div>
		<div style="border-top:1px dashed #5C5C5C;height: 4px;overflow:hidden; margin:10px 0px"></div>
		<div class="container_12">
		    <div class="grid_2">
		        <div class="para_div">
		        	<div id="para_tit">Parameters</div>
		        	<div class="sep_line"></div>
					<div style="margin:5px 5px;">
						<table id="para_table">
							<tr>
								<td>j: </td>
								<td><input id="para_j" type="text" class="para_input"></td>
							</tr>
							<tr>
								<td>P(A): </td>
								<td><input id="para_PA" type="text" class="para_input"></td>
							</tr>
							<tr>
								<td>P(B): </td>
								<td><input id="para_PB" type="text" class="para_input"></td>
							</tr>
							<tr>
								<td>P(M): </td>
								<td><input id="para_PM" type="text" class="para_input"></td>
							</tr>
							<tr>
								<td>k: </td>
								<td><input id="para_k" type="text" class="para_input"></td>
							</tr>
							<tr>
								<td>D'(AM): </td>
								<td><input id="para_DDAM" type="text" class="para_input"></td>
							</tr>
							<tr>
								<td>D'(BM): </td>
								<td><input id="para_DDBM" type="text" class="para_input"></td>
							</tr>
							<tr>
								<td>D'(AB): </td>
								<td><input id="para_DDAB" type="text" class="para_input"></td>
							</tr>
							<tr>
								<td>D(ABM):</td>
								<td id="dabm_td"></td>
							</tr>
						</table>
					</div>
		        </div>
				<div class="para_div" style="margin-top:10px">
			    	<div id="err_tit">Error Data</div>
					<div class="input_div">
				        <textarea id="error_data"></textarea>
					</div>
		    	</div>
				<div style="text-align:left;margin-top:5px;">
					<input type="button" value="Ok!" style="width:100px;" onClick="comp_model()"/>
				</div>
		    </div>
		    <div class="grid_10">
		    	<div id="matr_tit">Data Matrix</div>
				<div>
			        <div id="matr_div"><h1 style="margin:120px">  Matrix Here </h1></div>
					<div id="model_plot_tit">Model Data Graph</div>
					<div id="model_plot"><h1 style="margin:120px"> Graph Here </h1></div>
				</div>
		    </div>
		</div>
		<div style="border-top:1px dashed #5C5C5C;height: 4px;overflow:hidden; margin:10px 0px"></div>
		<div class="container_12">
			<div class="show_later">
		    	<div id="compare_plot_tit">Comparison Graph</div>
				<div id="compare_plot"><h1 style="margin:120px"> Graph Here </h1></div>
			</div>
		</div>
		<div class="container_12">
			<div class="show_later">
		    	<div id="compare_err_plot_tit">Comparison Graph(with error bar)</div>
				<div id="compare_err_plot"><h1 style="margin:120px"> Graph Here </h1></div>							
			</div>
		</div>
    </body>
</html>
